<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>商品录入</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />
    <meta name="MobileOptimized" content="320">
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="assets/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="assets/plugins/data-tables/DT_bootstrap.css" />
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL STYLES -->
    <link href="assets/css/style-metronic.css" rel="stylesheet" type="text/css" />
    <link href="assets/css/style.css" rel="stylesheet" type="text/css" />
    <link href="assets/css/style-responsive.css" rel="stylesheet" type="text/css" />
    <link href="assets/css/plugins.css" rel="stylesheet" type="text/css" />
    <link href="assets/css/themes/default.css" rel="stylesheet" type="text/css" id="style_color" />
    <link href="assets/css/custom.css" rel="stylesheet" type="text/css" />
    <link href="assets/css/main.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="assets/plugins/bootstrap-datepicker/css/datepicker.css" />
    <link rel="stylesheet" type="text/css" href="assets/plugins/bootstrap-datetimepicker/css/datetimepicker.css" />
    <link rel="shortcut icon" href="favicon.ico" />
    <!-- END PAGE LEVEL STYLES -->
    <!-- BEGIN THEME STYLES -->
    <style>
        .radio-wrap{ position: relative; }
        .btn-wrap{ width: 13px; cursor: pointer; height: 12px; padding-top: 1px; text-align: center; position: absolute;right: 0px; border-radius: 1px !important;  top: 4px; display: block; background: #138CDD;-moz-box-shadow: 1px 1px 3px #aaa;-webkit-box-shadow: 1px 1px 3px #aaa;box-shadow: 1px 1px 3px #aaa; }
        .btn-wrap >span{ display: block; width: 9px;height: 1px;border-bottom: 1px solid white;
margin: 1px auto 2px; }
        
        .box-wrap{ width: 300px; display: none; height: 200px; background: #fff; z-index: 10; position: absolute; top: -200px; left: -200px; border: 1px solid #8f949a;}
        .box-wrap >h3{ padding: 0; margin: 0; position: relative; background: #8f949a; font-size: 15px; color: #fff; height: 30px; line-height: 30px; box-sizing: border-box; padding-left: 1em;}
        .box-wrap >h3 >span{ display: block; width: 16px; height: 16px; cursor: pointer; top: 7px; right: 7px; position: absolute; background: url(../metronic_admin/assets/img/ui-icons_454545_256x240.png) -96px -128px;}
        .box-wrap>h4{font-size: 14px;font-weight: bold !important; margin-left: 2px; line-height: 1.5rem;margin-bottom: 5px;white-space: nowrap; }
        .box-wrap>p{ margin: 0 2px; font-size: 12px;color: #4a4a4a;line-height: 21px;}
    
        .bg-yellow{overflow: hidden;  background-color: rgba(255, 255, 204, 1) !important; height: 42px; line-height: 42px; margin-top: -10px; margin-bottom: -10px;}
        .bg-yellow .radio{ margin-top: -15px; color: #000 !important;}
        .bg-yellow .radio-inline{ color: #000 !important; }
        .bg-yellow .control-label{ color: #000 !important; }
        .pal0{ padding-left: 0 !important;}
        .on-wrap{ overflow: hidden; display: block; }
        .on-wrap >span{ display: block; float: left; font-size: 14px; cursor: pointer; color: #000; width: 38px; height: 28px; line-height: 28px; text-align: center; background: #eee; }
        .on-wrap >span.active{ background: #4d90fe; color: #fff; cursor: default;}

        .tab-wrap{ display: none; overflow: hidden; }
        .pdb100{ padding-bottom: 130px; position: relative;}

        .off-wrap{ width: 600px;  position: absolute; left: 150px; top: 0px; height: 130px; background: linear-gradient(180deg, rgba(240, 248, 250, 1) 0%, rgba(240, 248, 250, 1) 100%, rgba(102, 204, 255, 1) 100%, rgba(102, 204, 255, 1) 100%);box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;border-width: 1px;border-style: solid;border-color: rgba(121, 121, 121, 1);border-radius: 10px !important;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
} 
        .mm{ margin-top: 20px; overflow: hidden; }
        .public-tab{ display: none;}
        #productbox td{ vertical-align:middle;text-align: center;}
        .span-wrap >span{ display: block; width: 20%; cursor: pointer; float: left; margin-right: 3%; height: 28px; display: block; line-height: 28px; text-align: center; background: #fff; font-size: 14px; border:1px solid rgba(255, 153, 102, 1); color: #333333;  }
        .span-wrap >span.active{ border: 1px solid #ccc;  cursor: default;}
        .img-width{ width: 45px; height: 45px; }
        .mt-lable .control-label{ margin-top: 7px !important;}
        .shelves-wrap{  margin-top: 30px; margin-left: 0px; overflow: hidden; }
        .shelves-wrap > .blue{ border-radius: 5px !important; }
        .dn{ display: none;}
        .dn-tab{ display: none; }
        .dn-distr{ display: none; }
        .top-wrap{ visibility: hidden; }
    </style>


</head>

<body>
    <!--header Start-->
    <div class="navbar-nav navbar-inverse navbar-fixed-top">header</div>
    <!--header End-->
    <!--page-container Start-->
    <div class="page-container">
        <!--aside Start-->
        <div class="page-sidebar navbar-collapse collapse">slidebar</div>
        <!--aside End-->
        <!--content Start-->
        <div class="page-content">
            <div class="portlet box blue">
                <div class="portlet-title">
                    <div class="caption">简单商品录入</div>
                </div>
                <div class="portlet-body">
                    <!-- form-horizontal -->
                    <form class="" id="product_type" action="" enctype="multipart/form-data">                        
                        <div class="portlet margin-bottom-20 insert">
                            <div class="portlet-title">
                                <div class="caption">
                                    <i class="icon icon-reorder"></i>基本信息
                                </div>
                                <div class="tools">
                                    <a href="javascript:;" class="collapse"></a>
                                </div>
                            </div>
                            <div class="portlet-body">
                                <div class="row">
                                    <div class="form-group col-sm-10">
                                        <!-- <div class="col-sm-1"></div> -->
                                        <div class="col-sm-8">
                                            <div class="form-group">
                                              <label class="control-label"><span class="required">*</span>商品名称：</label>
                                              <input id="title" type="text" class="form-control"placeholder="输入您需要的商品名称">
                                           </div> 
                                        </div>
                                        <div class="col-sm-4">
                                            <div class="form-group">
                                              <label class="control-label"><span class="required">*</span>商品简称：</label>
                                              <input id="title" type="text" class="form-control" placeholder="输入您需要的商品简称">
                                           </div> 
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="form-group col-sm-10">
                                        <!-- <div class="col-sm-1"></div> -->
                                        <div class="col-sm-2">
                                            <div class="form-group">
                                              <label class="control-label"><span class="required">*</span>商品名称：</label>
                                              
                                           </div> 
                                        </div>
                                        <div class="col-sm-10">
                                            <div class="form-group">
                                              <textarea class="form-control" id="ckeditor1" name="ckeditor1" placeholder="输入您需要的商品简介" row="6"></textarea>
                                           </div> 
                                        </div>
                                    </div>
                                </div>


                                <div class="row">
                                    <div class="form-group col-sm-10">
                                        <!-- <div class="col-sm-1"></div> -->
                                        <div class="col-sm-3">
                                            <div class="form-group">
                                              <label class="control-label"><span class="required">*</span>品牌：</label>
                                              <input id="title" type="text" class="form-control"placeholder="输入品牌或编码">
                                           </div> 
                                        </div>
                                        <div class="col-sm-3">
                                            <div class="form-group">
                                              <label class="control-label"><span class="required">*</span>供应商：</label>
                                              <input id="title" type="text" class="form-control"placeholder="输入供应商名称或编码">
                                           </div> 
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="form-group">
                                              <label class="control-label"><span class="required">*</span>来源编码：</label>
                                              <input id="title" type="text" class="form-control"placeholder="输入供应商名称或编码">
                                           </div> 
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="form-group col-sm-10">
                                        <!-- <div class="col-sm-1"></div> -->
                                        <div class="col-sm-2">
                                            <div class="form-group">
                                              <label class="control-label">是否独立销售:</label>
                                           </div> 
                                        </div>
                                        <div class="col-sm-10">
                                            <div class="form-group ">
                                              <div class="col-sm-12">
                                                    <div class="radio-list">
                                                        <div class="col-sm-2 wrap">
                                                            <label class="radio-inline pal0">
                                                                <input type="radio" name="optionsRadios1" id="optionsRadios4" value="option1" checked > 独立销售 </label>
                                                        </div>
                                                        <div class="col-sm-2">    
                                                            <label class="radio-inline pal0">
                                                                <input type="radio" name="optionsRadios1" id="optionsRadios2" value="option2">组合销售 </label>
                                                        </div>    
                                                    </div>
                                              </div>
                                           </div> 
                                        </div>
                                       
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="form-group col-sm-10">
                                        <!-- <div class="col-sm-1"></div> -->
                                        <div class="col-sm-2">
                                            <div class="form-group">
                                              <label class="control-label">商品类型:</label>
                                           </div> 
                                        </div>
                                        <div class="col-sm-10">
                                            <div class="form-group ">
                                              <div class="col-sm-12">
                                                    <div class="radio-list wrap2">
                                                        <div class="col-sm-2 wrap">
                                                            <label class="radio-inline pal0">
                                                                <input type="radio" name="optionsRadios2" id="optionsRadios1" value="option1" checked > 普通商品 </label>

                                                            <div class="btn-wrap">
                                                                <span></span>
                                                                <span></span>
                                                                <span></span>
                                                            </div>
                                                            <div class="box-wrap">
                                                                <h3>普通商品 <span class="span-close"></span> </h3>
                                                                <h4>Description</h4>
                                                                <p>普通商品普通商品普通商品普通商品普通商品普通商品普通商品普通商品普通商品普通商品普通商品普通商品</p>
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-2">    
                                                            <label class="radio-inline pal0">
                                                                <input type="radio" name="optionsRadios2" id="optionsRadios2" value="option2" >服务商品 </label>
                                                                <div class="btn-wrap">
                                                                    <span></span>
                                                                    <span></span>
                                                                    <span></span>
                                                                </div>
                                                                <div class="box-wrap">
                                                                    <h3>普通商品 <span class="span-close"></span> </h3>
                                                                    <h4>Description</h4>
                                                                    <p>普通商品普通商品普通商品普通商品普通商品普通商品普通商品普通商品普通商品普通商品普通商品普通商品</p>
                                                                </div>
                                                        </div>    
                                                        <div class="col-sm-2">    
                                                            <label class="radio-inline pal0">
                                                                <input type="radio" name="optionsRadios2" id="optionsRadios2" value="option2" >保险商品 </label>
                                                                <div class="btn-wrap">
                                                                    <span></span>
                                                                    <span></span>
                                                                    <span></span>
                                                                </div>
                                                                <div class="box-wrap">
                                                                    <h3>普通商品 <span class="span-close"></span> </h3>
                                                                    <h4>Description</h4>
                                                                    <p>普通商品普通商品普通商品普通商品普通商品普通商品普通商品普通商品普通商品普通商品普通商品普通商品</p>
                                                                </div>
                                                        </div>    
                                                    </div>
                                              </div>
                                           </div> 
                                        </div>
                                       
                                    </div>
                                </div>
                                    
                                <!-- 用途 -->    
                                <div class="row">
                                    <div class="form-group col-sm-10">
                                        <!-- <div class="col-sm-1"></div> -->
                                        <div class="col-sm-2">
                                            <div class="form-group">
                                              <label class="control-label">商品用途:</label>
                                           </div> 
                                        </div>
                                        <div class="col-sm-10 dn-tab" style=" display:block;s">
                                            <div class="form-group ">
                                              <div class="col-sm-12">
                                                    <div class="radio-list">
                                                        <div class="col-sm-2 wrap">
                                                            <label class="radio-inline pal0">
                                                                <input type="radio" name="optionsRadios9" id="optionsRadios1" value="option1" checked > 普通商品 </label>
                                                        </div>
                                                        
                                                          
                                                         
                                                    </div>
                                              </div>
                                           </div> 
                                        </div>

                                        <div class="col-sm-10 dn-tab">
                                            <div class="form-group ">
                                              <div class="col-sm-12">
                                                    <div class="radio-list wrap1">
                                                        <div class="col-sm-2 wrap">
                                                            <label class="radio-inline pal0">
                                                                <input type="radio" name="optionsRadios3" id="optionsRadios1" value="option1" > 券类商品 </label>
                                                        </div>
                                                        <div class="col-sm-2 wrap">    
                                                            <label class="radio-inline pal0">
                                                                <input type="radio" name="optionsRadios3" id="optionsRadios2" value="option2" checked  >充值商品 </label>
                                                        </div>   
                                                        <div class="col-sm-8 dn">
                                                            <div class="form-group bg-yellow">
                                                                <div class="col-sm-3">
                                                                    <div class="form-group">
                                                                      <label class="control-label">券类型:</label>
                                                                   </div> 
                                                                </div>

                                                                <div class="col-sm-3">
                                                                    <label class="radio-inline pal0">
                                                                        <input type="radio" name="optionsRadios5" id="optionsRadios2" value="option2" checked>车享券 </label>
                                                                </div>

                                                                <div class="col-sm-3">
                                                                    <label class="radio-inline pal0">
                                                                        <input type="radio" name="optionsRadios5" id="optionsRadios2" value="option2">抵价券 </label>
                                                                </div>
                                                            </div>
                                                        </div>    
                                                         
                                                    </div>
                                              </div>
                                           </div> 
                                        </div>
                                       
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="form-group col-sm-10">
                                        <!-- <div class="col-sm-1"></div> -->
                                        <div class="col-sm-2">
                                            <div class="form-group">
                                              <label class="control-label">配送方式:</label>
                                           </div> 
                                        </div>
                                        <div class="col-sm-10">
                                            <div class="form-group ">
                                              <div class="col-sm-12">
                                                    <div class="radio-list wrap4">
                                                        <div class="col-sm-2 wrap">
                                                            <label class="radio-inline pal0">
                                                                <input type="radio" name="optionsRadios4" id="optionsRadios1" value="option1"> 自提 </label>
                                                        </div>
                                                        <div class="col-sm-2">    
                                                            <label class="radio-inline pal0">
                                                                <input type="radio" name="optionsRadios4" id="optionsRadios" value="option2" checked  >配送 </label>
                                                        </div> 

                                                        <div class="col-sm-8 dn-distr">
                                                            <div class="form-group bg-yellow" >
                                                                <div class="col-sm-3">
                                                                    <div class="form-group">
                                                                      <label class="control-label">配送方式:</label>
                                                                   </div> 
                                                                </div>

                                                                <div class="col-sm-3">
                                                                    <label class="radio-inline pal0">
                                                                        <input type="radio" name="optionsRadios6" id="optionsRadios2" value="option2" checked="">车制车发 </label>
                                                                </div>

                                                                <div class="col-sm-3">
                                                                    <label class="radio-inline pal0">
                                                                        <input type="radio" name="optionsRadios6" id="optionsRadios2" value="option2" checked="">供制车发 </label>
                                                                </div>
                                                                <div class="col-sm-3">
                                                                    <label class="radio-inline pal0">
                                                                        <input type="radio" name="optionsRadios6" id="optionsRadios2" value="option2" checked="">供制供发 </label>
                                                                </div>
                                                            </div>
                                                        </div>      
                                                        
                                                    </div>
                                              </div>
                                           </div> 
                                        </div>
                                       
                                    </div>
                                </div>


                            </div>
                        </div>
                        

                        <!-- 媒体信息 -->
                         <div class="portlet margin-bottom-20 insert">
                            <div class="portlet-title">
                                <div class="caption">
                                    <i class="icon icon-reorder"></i>媒体信息
                                </div>
                                <div class="tools">
                                    <a href="javascript:;" class="collapse"></a>
                                </div>
                            </div>
                            <div class="portlet-body">
                                <div class="row">
                                    <div class="form-group col-sm-10">
                                        <!-- <div class="col-sm-1"></div> -->
                                        <div class="col-sm-2">
                                            <div class="form-group">
                                              <label class="control-label">商品图片：</label>
                                             
                                           </div> 
                                        </div>
                                        <div class="col-sm-10">
                                            <div class="form-group" style="overflow:hidden;">
                                                <button type="button" class="btn blue pull-left" id="" style="margin-left:10px; ">选择上传图片</button>
                                            </div>
                                            <div class="form-group " style="clear: both; margin-top: 30px; margin-left: -15px;">
                                                 <label class="radio-inline text-center">
                                                    <a href="#" class="thumbnail">
                                                        <img src="holder.js/100%x180" alt="100%x100" style="height: 100px; width: 100%; display: block;">
                                                    </a>
                                                 </label> 
                                                 <label class="radio-inline text-center">
                                                    <a href="#" class="thumbnail">
                                                        <img src="holder.js/100%x180" alt="100%x100" style="height: 100px; width: 100%; display: block;">
                                                    </a>
                                                 </label> 
                                                 <label class="radio-inline text-center">
                                                    <a href="#" class="thumbnail">
                                                        <img src="holder.js/100%x180" alt="100%x100" style="height: 100px; width: 100%; display: block;">
                                                    </a>
                                                 </label> 
                                                 <label class="radio-inline text-center">
                                                    <a href="#" class="thumbnail">
                                                        <img src="holder.js/100%x180" alt="100%x100" style="height: 100px; width: 100%; display: block;">
                                                    </a>
                                                 </label> 
                                             </div> 
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="form-group col-sm-10">
                                        <!-- <div class="col-sm-1"></div> -->
                                        <div class="col-sm-2">
                                            <div class="form-group">
                                              <label class="control-label">商品详情：</label>
                                             
                                           </div> 
                                        </div>
                                        <div class="col-sm-10">
                                            <div class="form-group" style="overflow:hidden;">
                                                <textarea class="form-control" style=" height: 130px;" id="ckeditor1" name="ckeditor1" placeholder="输入您需要的商品简介" row="9"></textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>

                        </div>


                        <!-- 属性信息 -->
                        <div class="portlet margin-bottom-20 insert">
                            <div class="portlet-title">
                                <div class="caption">
                                    <i class="icon icon-reorder"></i>属性信息
                                </div>
                                <div class="tools">
                                    <a href="javascript:;" class="collapse"></a>
                                </div>
                            </div>
                            <div class="portlet-body">
                                <div class="row">
                                    <div class="form-group col-sm-10">
                                        <!-- <div class="col-sm-1"></div> -->
                                        <div class="col-sm-2">
                                            <div class="form-group">
                                              <label class="control-label">主目录：</label>
                                             
                                           </div> 
                                        </div>
                                        <div class="col-sm-10">
                                            <div class="form-group" style="overflow:hidden;">
                                               <div class="col-md-3">
                                                  <select class="form-control">
                                                     <option>Option 1</option>
                                                     <option>Option 2</option>
                                                     <option>Option 3</option>
                                                     <option>Option 4</option>
                                                     <option>Option 5</option>
                                                  </select>
                                               </div>
                                               <div class="col-md-3">
                                                  <select class="form-control">
                                                     <option>Option 1</option>
                                                     <option>Option 2</option>
                                                     <option>Option 3</option>
                                                     <option>Option 4</option>
                                                     <option>Option 5</option>
                                                  </select>
                                               </div>
                                               <div class="col-md-3">
                                                  <select class="form-control">
                                                     <option>Option 1</option>
                                                     <option>Option 2</option>
                                                     <option>Option 3</option>
                                                     <option>Option 4</option>
                                                     <option>Option 5</option>
                                                  </select>
                                               </div>
                                            </div>
                                            
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="form-group col-sm-10">
                                        <!-- <div class="col-sm-1"></div> -->
                                        <div class="col-sm-2">
                                            <div class="form-group">
                                              <label class="control-label">商品模板：</label>
                                             
                                           </div> 
                                        </div>
                                        <div class="col-sm-10">
                                            <div class="form-group" style="overflow:hidden;">
                                               <div class="col-md-3">
                                                  <select class="form-control">
                                                     <option>Option 1</option>
                                                     <option>Option 2</option>
                                                     <option>Option 3</option>
                                                     <option>Option 4</option>
                                                     <option>Option 5</option>
                                                  </select>
                                               </div>
                                               
                                            </div>
                                            
                                        </div>
                                    </div>
                                </div>

                                <!-- 多规格 -->
                                <div class="row">
                                    <div class="form-group col-sm-12">
                                        <!-- <div class="col-sm-1"></div> -->
                                        <div class="col-sm-2">
                                            <div class="form-group">
                                              <label class="control-label">多规格：</label>
                                             
                                           </div> 
                                        </div>
                                        <div class="col-sm-10">
                                            <div class="form-group" style="overflow:hidden;">
                                               <div class="col-md-4">
                                                 <div class="form-group">
                                                     <div class="on-wrap more-spec">
                                                         <span>开</span>
                                                         <span class="active">关</span>
                                                     </div>


                                                 </div>
                                               </div>
                                               
                                            </div>
                                            
                                        </div>
                                    </div>
                                </div>

                               

                                <div class="tab-wrap">

                                    <div class="row">
                                        <div class="form-group col-sm-12">
                                            <!-- <div class="col-sm-1"></div> -->
                                            <div class="col-sm-2">
                                                <div class="form-group">
                                                  <label class="control-label">销售属性：</label>
                                                 
                                               </div> 
                                            </div>
                                            <div class="col-sm-10">
                                                <div class="form-group" style="overflow:hidden;">
                                                   
                                                     <div class="form-group pdb100">
                                                         <div class="on-wrap col-md-2">
                                                             <span>开</span>
                                                             <span class="active">关</span>
                                                         </div>
                                                         <div class="off-wrap public-tab">
                                                             <div class="form-group col-sm-12 mm">
                                                                 <div class="col-md-2"><label class="control-label">产地：</label></div>
                                                                 <div class="col-md-10 span-wrap">
                                                                     <span class="active">红色</span>
                                                                     <span>灰色</span>
                                                                     <span>白色</span>
                                                                     <span>紫色</span>
                                                                 </div>
                                                             </div>
                                                             <div class="form-group col-sm-12 mm">
                                                                 <div class="col-md-2"><label class="control-label">材质：</label></div>
                                                                 <div class="col-md-10 span-wrap">
                                                                     <span class="active">大</span>
                                                                     <span>中</span>
                                                                     <span>小</span>

                                                                 </div>
                                                             </div>
                                                         </div>
                                                     </div>
                                                   
                                                   
                                                </div>
                                                
                                            </div>
                                        </div>
                                    </div>


                                    <div class="row">
                                        <div class="form-group col-sm-12">
                                            <div class="col-sm-2">
                                                <div class="form-group">
                                                  <label class="control-label">普通属性：</label>
                                                 
                                               </div>                                           
                                           </div>
                                            <div class="col-sm-10">
                                                <div class="form-group" style="overflow:hidden;">
                                                   <div class="col-md-4">
                                                     <div class="form-group pdb100">
                                                         <div class="on-wrap">
                                                             <span>开</span>
                                                             <span class="active">关</span>
                                                         </div>

                                                         <div class="off-wrap public-tab">
                                                             <div class="form-group col-sm-12 mm">
                                                                 <div class="col-md-2"><label class="control-label">产地：</label></div>
                                                                 <div class="col-md-6"><input id="title" type="text" class="form-control" value="菲律宾" placeholder="输入产地"></div>
                                                             </div>
                                                             <div class="form-group col-sm-12 mm">
                                                                 <div class="col-md-2"><label class="control-label">材质：</label></div>
                                                                 <div class="col-md-6"><input id="title" type="text" class="form-control" value="亚麻" placeholder="输入材质"></div>
                                                             </div>
                                                         </div>
                                                     </div>
                                                   </div>
                                                   
                                                </div>
                                                
                                            </div>
                                        </div>
                                    </div>

                                   

                                    <div class="row">
                                        <div class="form-group col-sm-12">
                                            <table id="productbox" class="table table-bordered table-hover">
                                              <thead>
                                                 <tr>
                                                    <th>规格名称</th>
                                                    <th>渠道</th>
                                                    <th>目录</th>
                                                    <th>积分</th>
                                                    <th>现金</th>
                                                    <th>市场价</th>
                                                    <th>库存</th>
                                                    <th>结算价</th>
                                                    <th>图片</th>
                                                    <th>到店付</th>

                                                    <th>操作</th>
                                                 </tr>
                                              </thead>
                                              <tbody>
                                                 <tr>
                                                    <td rowspan="2">红色-大</td>
                                                    <td>车享家APP</td>
                                                    <td>活动商品-线上-车享家</td>
                                                    <td>1</td>
                                                    <td>100</td>
                                                    <td>180</td>
                                                    <td rowspan="2">98</td>
                                                    <td rowspan="2">999</td>
                                                    <td rowspan="2">
                                                        <img class="img-width" src="../metronic_admin/assets/img/u356.jpg" >
                                                        <a href="">删除</a>

                                                    </td>
                                                    <td rowspan="2"><label>
                                                        <input type="checkbox" name="" id="checkbox1" value="" checked> </label></td>
                                                    
                                                    <td  rowspan="2">
                                                       <button type="button" class="delectbtn btn blue btn-sm margin-right-10">删除</button>
                                                    </td>
                                                 </tr>
                                                 <tr>
                                                    
                                                    <td>车享会员商城</td>
                                                    <td>户外服饰-男装-上装</td>
                                                    <td>0</td>
                                                    <td>108</td>
                                                    <td>180</td>
                                                   
                                                 </tr>
                                                    
                                              </tbody>

                                              <tbody>
                                                 <tr>
                                                    <td rowspan="2">红色-大</td>
                                                    <td>车享家APP</td>
                                                    <td>活动商品-线上-车享家</td>
                                                    <td>1</td>
                                                    <td>100</td>
                                                    <td>180</td>
                                                    <td rowspan="2">98</td>
                                                    <td rowspan="2">999</td>
                                                    <td rowspan="2"><button type="button" class="delectbtn btn blue btn-sm margin-right-10">上传</button></td>
                                                    <td rowspan="2">
                                                        <label>
                                                        <input  type="checkbox" name="" id="checkbox1" value=""></label>
                                                    </td>
                                                    
                                                    <td rowspan="2">
                                                       <button type="button" class="delectbtn btn blue btn-sm margin-right-10">删除</button>
                                                    </td>
                                                 </tr>
                                                 <tr>
                                                    
                                                    <td>车享会员商城</td>
                                                    <td>户外服饰-男装-上装</td>
                                                    <td>0</td>
                                                    <td>108</td>
                                                    <td>180</td>
                                                    
                                                 </tr>
                                                    
                                              </tbody>


                                           </table>
                                        </div>   
                                    </div>
                                </div>
                                <div class="tab-wrap" style="display:block;">
                                    <div class="row">
                                        <div class="form-group col-sm-12">
                                            <!-- <div class="col-sm-1"></div> -->
                                            <div class="col-sm-2">
                                                <div class="form-group">
                                                  <label class="control-label">属性：</label>
                                                 
                                               </div>                                           
                                           </div>
                                            <div class="col-sm-10">
                                                <div class="form-group" style="overflow:hidden;">
                                                   <div class="col-md-4">
                                                     <div class="form-group pdb100">
                                                         <div class="on-wrap">
                                                             <span>开</span>
                                                             <span class="active">关</span>
                                                         </div>

                                                         <div class="off-wrap public-tab">
                                                             <div class="form-group col-sm-12 mm">
                                                                 <div class="col-md-2"><label class="control-label">产地：</label></div>
                                                                 <div class="col-md-6"><input id="title" type="text" class="form-control" value="菲律宾" placeholder="输入产地"></div>
                                                             </div>
                                                             <div class="form-group col-sm-12 mm">
                                                                 <div class="col-md-2"><label class="control-label">材质：</label></div>
                                                                 <div class="col-md-6"><input id="title" type="text" class="form-control" value="亚麻" placeholder="输入材质"></div>
                                                             </div>
                                                         </div>
                                                     </div>
                                                   </div>
                                                   
                                                </div>
                                                
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="form-group col-sm-12">
                                            <!-- <div class="col-sm-1"></div> -->
                                            <div class="col-sm-2">
                                                <div class="form-group">
                                                  <label class="control-label">库存：</label>
                                                 
                                               </div> 
                                            </div>
                                            <div class="col-sm-10">
                                                <div class="form-group" style="overflow:hidden;">
                                                   
                                                     <div class="form-group pdb100">
                                                         <div class="on-wrap col-md-2">
                                                             <span>开</span>
                                                             <span class="active">关</span>
                                                         </div>
                                                         <div class="col-md-3 public-tab">
                                                            <input id="title" type="text" class="form-control" value="" placeholder="输入库存">
                                                         </div>
                                                     </div>
                                                   
                                                   
                                                </div>
                                                
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="form-group col-sm-12">
                                            <table id="productbox" class="table table-bordered table-hover">
                                              <thead>
                                                 <tr>
                                                    <th>规格名称</th>
                                                    <th>渠道</th>
                                                    <th>目录</th>
                                                    <th>积分</th>
                                                    <th>现金</th>
                                                    <th>市场价</th>
                                                    <th>结算价</th>
                                                    <th>操作</th>
                                                 </tr>
                                              </thead>
                                              <tbody>
                                                 <tr>
                                                    <td rowspan="2">红色-大</td>
                                                    <td>车享家APP</td>
                                                    <td>活动商品-线上-车享家</td>
                                                    <td>1</td>
                                                    <td>100</td>
                                                    <td>180</td>
                                                    <td>98</td>
                                                    <td>
                                                       <button type="button" class="delectbtn btn blue btn-sm margin-right-10">删除</button>
                                                    </td>
                                                 </tr>
                                                 <tr>
                                                    
                                                    <td>车享会员商城</td>
                                                    <td>户外服饰-男装-上装</td>
                                                    <td>0</td>
                                                    <td>108</td>
                                                    <td>180</td>
                                                    <td>95</td>
                                                    <td>
                                                       <button type="button" class="delectbtn btn blue btn-sm margin-right-10">删除</button>
                                                    </td>
                                                 </tr>
                                                    
                                              </tbody>
                                           </table>
                                        </div>   
                                    </div>
                                </div>

                               
                                
                            </div>

                        </div>


                         <!-- 发布信息 -->
                        <div class="portlet margin-bottom-20 insert">
                            <div class="portlet-title">
                                <div class="caption">
                                    <i class="icon icon-reorder"></i>发布信息
                                </div>
                                <div class="tools">
                                    <a href="javascript:;" class="collapse"></a>
                                </div>
                            </div>
                            <div class="portlet-body">
                                <div class="row">
                                    <div class="form-group col-sm-12">
                                        <div class="col-sm-2">
                                            <div class="form-group">
                                              <label class="control-label">上下架设置：</label>
                                             
                                           </div> 
                                        </div>
                                        <div class="col-sm-10">
                                            <div class="form-group" style="overflow:hidden;">
                                               <div class="col-md-4">
                                                 <div class="form-group">
                                                     <div class="on-wrap wrap5">
                                                         <span>开</span>
                                                         <span class="active">关</span>
                                                     </div>


                                                 </div>
                                               </div>
                                               
                                            </div>
                                            
                                        </div>
                                    </div>

                                    <div class="top-wrap">

                                        <div class="form-group col-sm-12">
                                             
                                            <div class="col-sm-2">
                                                <div class="form-group">
                                                  <label class="control-label">可购买周期：</label>
                                                 
                                               </div> 
                                            </div>

                                            <div class="col-sm-10">
                                                <div class="form-group mt-lable" style="overflow:hidden;">
                                                   <div class="col-md-3">
                                                    <input id="title" type="text" class="form-control" placeholder="">
                                                   </div>
                                                   <div class="col-md-1">
                                                    <label class="control-label">至</label>
                                                   </div>
                                                   <div class="col-md-3">
                                                    <input id="title" type="text" class="form-control" placeholder="">
                                                   </div>
                                                   <div class="col-md-2">
                                                    <input type="checkbox" name="" id="checkbox1" value="" checked="">
                                                    <label class="control-label">禁用</label>
                                                   </div>
                                                   
                                                </div>
                                                
                                            </div>
                                        </div>

                                        <div class="form-group col-sm-12">
                                             
                                            <div class="col-sm-2">
                                                <div class="form-group">
                                                  <label class="control-label">使用有效期：</label>
                                                 
                                               </div> 
                                            </div>

                                            <div class="col-sm-10">
                                                <div class="form-group mt-lable" style="overflow:hidden;">
                                                   <div class="col-md-3">
                                                    <input id="title" type="text" class="form-control" placeholder="">
                                                   </div>
                                                   <div class="col-md-1">
                                                    <label class="control-label">至</label>
                                                   </div>
                                                   <div class="col-md-3">
                                                    <input id="title" type="text" class="form-control" placeholder="">
                                                   </div>
                                                   <div class="col-md-2">
                                                    <input type="checkbox" name="" id="checkbox1" value="" checked="">
                                                    <label class="control-label">禁用</label>
                                                   </div>
                                                   
                                                </div>
                                                
                                            </div>
                                        </div>

                                        <div class="form-group col-sm-12">
                                             
                                            <div class="col-sm-2">
                                                <div class="form-group">
                                                  <label class="control-label">自动下架日期：</label>
                                                 
                                               </div> 
                                            </div>

                                            <div class="col-sm-10">
                                                <div class="form-group mt-lable" style="overflow:hidden;">
                                                   <div class="col-md-3">
                                                    <input id="title" type="text" class="form-control" placeholder="">
                                                   </div>
                                                   
                                                   <div class="col-md-2">
                                                    <input type="checkbox" name="" id="checkbox1" value="" checked="">
                                                    <label class="control-label">禁用</label>
                                                   </div>
                                                   
                                                </div>
                                                
                                            </div>
                                        </div>

                                        <div class="form-group col-sm-12">
                                             
                                            <div class="col-sm-2">
                                                <div class="form-group">
                                                  <label class="control-label">售罄自动下架：</label>
                                                 
                                               </div> 
                                            </div>

                                            <div class="col-sm-10">
                                                <div class="form-group mt-lable" style="overflow:hidden;">
                                                    <div class="col-sm-2">    
                                                        <label class="radio-inline pal0">
                                                            <div class="radio" id="uniform-optionsRadios"><span class=""><input type="radio" name="optionsRadios8" id="optionsRadios" value="option2" checked=""></span></div>启用 </label>
                                                    </div>

                                                    <div class="col-sm-2">    
                                                        <label class="radio-inline pal0">
                                                            <div class="radio" id="uniform-optionsRadios"><span class=""><input type="radio" name="optionsRadios8" id="optionsRadios" value="option2" checked=""></span></div>不启用 </label>
                                                    </div>
                                                   
                                                </div>
                                                
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group col-sm-12 shelves-wrap">
                                        <button class="btn btn-lg blue margin-bottom-10">保存并挂载</button>
                                        <button class="btn btn-lg blue margin-bottom-10">申请上架</button>
                                        <button class="btn btn-lg blue margin-bottom-10">取消</button>
                                    </div>
                                </div>

                             

                                
                               
                                
                            </div>

                        </div>
                       
                    </form>
                </div>
            </div>
            
        </div>
        <!--content End-->
    </div>
    <!--page-container End-->
    <script src="assets/plugins/jquery-1.10.2.min.js" type="text/javascript"></script>
    <script src="assets/plugins/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
    <script src="assets/plugins/jquery-ui/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
    <script src="assets/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="assets/plugins/bootstrap/js/bootstrap2-typeahead.min.js" type="text/javascript"></script>
    <script src="assets/plugins/bootstrap-hover-dropdown/twitter-bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
    <script src="assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
    <script src="assets/plugins/jquery.blockui.min.js" type="text/javascript"></script>
    <script src="assets/plugins/jquery.cookie.min.js" type="text/javascript"></script>
    <script src="assets/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
    <script src="assets/plugins/ECar.validate.js" type="text/javascript"></script>
    <script type="text/javascript" src="assets/plugins/data-tables/jquery.dataTables.min.js"></script>
    <!-- END CORE PLUGINS -->
    <!--时间控件-->
    <script type="text/javascript" src="assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
    <script type="text/javascript" src="assets/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>
    <script src="assets/scripts/app.js"></script>
    <script>
    jQuery(document).ready(function() {
        // initiate layout and plugins
        App.init();
        //new ECar.validate("form");
        $(".input-daterange input").datetimepicker({
            format: "yyyy-mm-dd hh:ii:ss",
            autoclose: true,
            todayBtn: true,
            minuteStep: 10
        });



        //小卡片

        $(".radio-list").on('click', '.btn-wrap', function(){
            $(this).siblings('.box-wrap').show();
        });

        $(".span-close").on('click',function(){

            $(this).parents('.box-wrap').hide();
        });

        // 属性信息
        // 属性 库存

        $(".on-wrap").on('click','span',function(){
            $(this).addClass('active').siblings('span').removeClass('active');
            if($(this).index()==0){
                $(this).parents('.on-wrap').siblings('.public-tab').show();
            }else{
                $(this).parents('.on-wrap').siblings('.public-tab').hide();
            }

        });

        //规格
        $(".more-spec").on('click','span',function(){
            $(this).addClass('active').siblings('span').removeClass('active');
            if($(this).index()==0){

                $(".tab-wrap").hide().eq(0).show();
            }else{
                $(".tab-wrap").hide().eq(1).show();
            }
        });

        $(".span-wrap").on('click', 'span', function(event) {
            event.preventDefault();
            $(this).addClass('active').siblings('span').removeClass('active');
        });


        //....
        $(".wrap1").on('click','.wrap',function(){

            if ($(this).index()==0) {
                $(".wrap1").children('.dn').show();
            }else{
                 $(".wrap1").children('.dn').hide();
            }
        })
        

        $(".wrap2").on('click','.col-sm-2',function(){
            
            if ($(this).index()==1) {
                
                $(".dn-tab").eq(0).hide();
                $(".dn-tab").eq(1).show();
            }else{
                $(".dn-tab").eq(0).show();
                $(".dn-tab").eq(1).hide();
            }
        });

        $(".wrap4").on('click','.col-sm-2',function(){
            if ($(this).index()==0) {
                $(".dn-distr").show();
            }else{
                $(".dn-distr").hide();
            }
        });

         $(".wrap5").on('click','span',function(){
            if($(this).index()==0){
                $(".top-wrap").css("visibility","visible");
            }else{
                $(".top-wrap").css("visibility","hidden");
            }
         })

    });
    </script>
</body>

</html>
